<link rel="stylesheet" href="/assets/home/css/recharge.css">
<header class="mui-bar mui-bar-nav" style="position: sticky;">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">返回</h1>
</header>
<form class="mui-input-group ">
    <div class="mui-input-row">
        <label>充值账户：</label>
        <input type="text" name="mobile" class="mui-input-clear" placeholder="请输入手机号" />
    </div>
</form>
<!--充值金额-->
<div class="money_box">
    <h1>选择充值金额&nbsp;&nbsp;&nbsp;&nbsp;<span>（100起充）</span></h1>
    <div>
        <div class="money choose">500</div>
        <div class="money">100</div>
        <div class="money">200</div>
        <input placeholder="其他" type="number" name="num">
    </div>
</div>

<!--立即充值-->
<a href="javascript:void(0)">
    <!-- /home/business/index -->
    <button id="btn" type="button" class="mui-btn mui-btn-primary mui-btn-outlined">立即充值</button>
</a>

<script src="/assets/home/js/jquery-1.9.1.min.js"></script>
<script src="/assets/home/js/mui.min.js"></script>
<script src="/assets/home/js/mui.indexedlist.js"></script>
<script>
    //选择金额，改变所选金额样式
    $(".money").click(
        function () {
            $(".money_box input").css("border", "1px solid #ccc");
            $(this).addClass("choose").siblings().removeClass("choose");
            $(".setmeal_box").hide();
        }
    )
    //选择其他金额，显示金额输入框
    $(".money_box input").click(
        function () {
            $(this).css("border", "1px solid #01aff0");
            $(this).siblings().removeClass("choose");
            $(".setmeal_box").show();
            $(".money_box input").show();
        }
    )
    var info = $("input[name=mobile]").val().length
    var money = $(".choose").html() ? $(".choose").html() : $("input[name=num]").val()
    $("#btn").click(function (e) {
        e.preventDefault();
        console.log(info);
        console.log(money);
        // money=$("input[name=num]").val()
        // if(info.length<11)
        // {
        //     mui.toast("账号格式不正确，应不小于11位")
        //     return false;
        // }
        // console.log(info);
        // console.log(parseFloat(12));
        var btnArray = ['否', '是'];
        // mui.confirm(`请问您确认充值${money}吗？`, '尊敬的用户', btnArray, function (e) {
        //     if (e.index == 1) {
        //         console.log(12);
        //         // $.ajax({
        //         //     url: "/home/business/recharge",
        //         //     type: "post",
        //         //     dataType: "json",
        //         //     data: {
        //         //         info: info,
        //         //         money:money
        //         //     },
        //         //     success: function (success) {
        //         //         console.log(success);
        //         //         if (success.code) {
        //         //             mui.toast(success.msg)
        //         //         }else
        //         //         {
        //         //             mui.toast(success.msg)
        //         //         }
                        
        //         //     }
        //         // })
        //     }
        // }) 

    })
</script>